<template>
  <div>
    <button type="reset" @click="toAbout()">to about</button>
    <h1>1111111111111111</h1>
    <h1>{{ professionList }}}</h1>
    <router-view />
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "Home",
  data() {
    return {};
  },
  computed: {
    ...mapGetters([
      "professionList", // 从getter.js中获取下拉选择框的缓存， 可以减少请求
    ]),
  },
  created() {},
  methods: {
    toAbout() {
      this.$router.push({ path: "/about" });
    },
  },
};
</script>
